﻿.clear {
clear: both;
}

.banner {
background: url(../../../Content/zhongchou/images/zc_banner.jpg) no-repeat center center;
height: 470px;

}

body {
background-image: url(../../../Content/zhongchou/images/zhongchou_bg.jpg);
background-position: 0px 850px;
background-repeat: repeat-x;
font-family: 'Microsoft YaHei';
}

.body {
width: 1200px;
margin: 0px auto;
font-family: 'Microsoft YaHei';
overflow-y: hidden;
}

.de_title {
margin: 40px auto;
text-align: center;
color: #2a2929;
font-size: 25px;
}

.de_con .d_li {
width: 50%;
float: left;
margin-top: 8px;
}

.d_li_top .top_1 {
float: left;
width: 298px;
height: 345px;

}
.d_li_top .top_2 {
float: left;
height: 345px;
width: 302px;
}
.d_li_top .top_con {
height: 345px; width: 294px; margin-right: 4px;
}

.de_con .dd_li {
float: left;
width: 279px;
height: 224px;
margin-right: 28px;
border-radius: 10px;
position: relative;
}

.de_con .dd_li img {
border-radius: 10px;
}



.top_1 .con {
padding-right: 4px;
}
.top_1 .top1_con {
height: 345px; width: 294px; margin-left: 4px;

}
.top_2 .con {
height: 345px;
width: 294px;
margin-left: 4px;
margin-right: 4px;
}

.t_01 {
background-color: #db2b36;
height: 150px;
}

.t_02 {
height: 45px;
}

.t_02 .left {
float: left;
width: 20px;
}

.t_02 .right {
float: left;
background-color: #db2b36;
width: 274px;
height: 45px;
line-height: 45px;
}

.t_01 .title {
font-size: 22px;
color: #fff;
text-align: center;
height: 70px;
line-height: 70px;
}

.t_01 .title a {
color: #fff;
}

.t_01 .descrption {
font-size: 14px;
color: #fff;
height: 70px;
padding: 0px 10px 0px 10px;
}

.bc_progress {
background-color: #eee;
width: 254px;
height: 5px;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}

.progress {
background-color: #5dbde8;
height: 5px;
}

.t_02 .right .l {
float: left;
}

.t_01 .t_01_li, .t_01 .t_02_li, .t_01 .t_03_li {
float: left;
color: #fff;
text-align: center;
font-size: 16px;
width: 83px;
line-height: 30px;
}

.t_01 .t_01_li, .t_01 .t_02_li {
border-right: 2px solid #fff;
}

.bc_progress_re {
background-color: #eee;
width: 259px;
height: 5px;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}

.dd_li .r .left {
float: left;
width: 100%;
}

.dd_li .r .right {
float: right;
width: 50%;
}

.dd_li .r {
padding-top: 10px;
}

.dd_li .dd_top {
height: 35px;
background-color: #000;
opacity: 0.6;
color: #fff;
font-size: 16px;
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.dd_li .dd_top .dd_bottom {
display: none;
}

.dd_li .title {
padding-top: 5px;
}

.dd_li .title a {
color: #fff;
}

.de_con .df_li_left {
float: left;
padding-top: 97px;
}

.de_con .df_li_right {
float: right;
padding-top: 97px;
}

.de_con .df_li {
float: left;
margin-left: 22px;
margin-right: 22px;
width: 520px;
height: 262px;
}

.de_con .df_li .df_2 {
width: 520px;
height: 262px;
color: #fff;
font-size: 20px;
line-height: 262px;
text-align: center;
position: relative;
}

.df_2 a {
color: #fff;
}

.d_li_c1 {
display: none;
margin: 0px auto; width: 400px; height: 232px; position: absolute; padding-left: 96px; padding-top: 0px;
z-index:10;
}

.d_li_c4 {
display: none;
margin: 0px auto; width: 400px; height: 232px; position: absolute; padding-left: 96px; padding-top: 466px;
z-index:10;
}

.d_li_c2 a {
color: #fff;
}
.plus{  
position:fixed;  
width:100px;  
height:100px;  
background:#5dbde8;  
color:#fff;  
line-height:100px;  
text-align:center;  
border-radius:50px;
opacity:0.9;
font-size:16px;
z-index:9999;
         
}  
#plus{right:0;top:50%;margin-top:-50px;cursor:pointer;}
.plus:hover {
opacity:1;
}

.mtop8 {
margin-top: 8px;
}
.top_2_1 {
padding-left: 4px; padding-right: 4px;
}
.d_li .padleft4 {
    padding-left: 4px;
}
.d_li .padright4 {
 padding-right: 4px;
}
.pad4 {
    padding-left: 4px; padding-right: 4px;
}
.d_li_c {
width: 596px; height: 698px; line-height: 698px;
}
    .d_li_c:hover {
    cursor:pointer;
    }
.d_li_con {
line-height: 50px; padding-top: 0px;
}
.d_li_c1_con {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 400px;
    height: 50px;
    position: relative;
}
.d_li_cc {
    height: 233px; position: absolute; padding-top: 250px; padding-left: 150px; 
    z-index:10;
}
.d_li_c2 {
    width: 300px; color: #fff; font-size: 26px; text-align: center; margin: 0px auto; border-bottom: 2px solid #fff; height: 50px;
    z-index:10;
}
.d_li_c3 {
width: 300px; color: #fff; font-size: 26px; text-align: center; margin: 0px auto;
}
.d_li_c4 .d_li_c4_con {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 400px;
    height: 50px;
    bottom: 0px;
    position: absolute;
}
.top_2 .top2_con {
height: 345px; width: 294px; margin-left: 4px; margin-right: 4px;
}
.df_2_bg {
height: 262px; width: 520px; opacity: 0.4; background-color: #000;
}
.df_2_over {
    margin-top: -262px; position: absolute; width: 520px;
}